/* packageA/pages/org-appointment/index.wxss */
page {
  background-color: #f0f4f9;
}

.org-appoint-container {
  .org-info-box {
    margin: 20rpx 30rpx;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 20rpx 30rpx;
    border-radius: 15rpx;
    .left-img {
      width: 180rpx;
      height: 180rpx;
      flex: 0 0 180rpx;
      display: flex;
      align-items: center;
      overflow: hidden;
      border-radius: 15rpx;
      background-color: rgba(209, 209, 209, 0.445);
      .custom-img {
        width: 100%;
      }
    }
    .right-box {
      flex: 1;
      margin-left: 20rpx;
      .title {
        font-weight: 400;
        font-size: 30rpx;
        color: #000000;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
      }
      .tips-box {
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden; /*超出的部分隐藏起来。*/
        white-space: nowrap; /*不显示的地方用省略号...代替*/
        text-overflow: ellipsis; /* 支持 IE */
        .tips {
          display: flex;
          justify-content: center;
          font-weight: 400;
          font-size: 24rpx;
          padding: 2rpx 10rpx;
          border-radius: 40rpx;
          margin: 0 6rpx;
          text-align: center;
          &:first-child {
            margin-left: 0;
          }
        }
      }
      .chart-box {
        font-weight: 400;
        font-size: 24rpx;
        color: #faab40;
      }
      .address-box {
        font-weight: 400;
        font-size: 24rpx;
        color: #666666;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
      }
    }
  }
  .appoint-org-form {
    margin: 0 30rpx;
    border-radius: 15rpx;
    overflow: hidden;
  }
}

.button-box {
  // padding:  30rpx;
  position: fixed;
  bottom: 60rpx;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}